@charset "utf-8";

@font-face {
	font-family: 'icons';
	src: url('../font/files/icons.eot');
	src: url('../font/files/icons.eot?#iefix') format('embedded-opentype'),
		url('../font/files/icons.woff') format('woff'),
		url('../font/files/icons.ttf') format('truetype'),
		url('../font/files/icons.svg#icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="i-"]:before,
[class*=" i-"]:before {
	font-family: icons;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: baseline;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.i-ice-cream-round:before {
	content: "\e6a0"
}

.i-ice-cream-square:before {
	content: "\e6a3"
}

.i-lollipop:before {
	content: "\e6a4"
}

.i-potato-strips:before {
	content: "\e6a5"
}

.i-milk-tea:before {
	content: "\e6a6"
}

.i-ice-drink:before {
	content: "\e6a7"
}

.i-ice-tea:before {
	content: "\e6a9"
}

.i-coffee:before {
	content: "\e6aa"
}

.i-orange:before {
	content: "\e6ab"
}

.i-pear:before {
	content: "\e6ac"
}

.i-apple:before {
	content: "\e6ad"
}

.i-cherry:before {
	content: "\e6ae"
}

.i-watermelon:before {
	content: "\e6af"
}

.i-grape:before {
	content: "\e6b0"
}

.i-refrigerator:before {
	content: "\e6b1"
}

.i-goblet-square-full:before {
	content: "\e6b2"
}

.i-goblet-square:before {
	content: "\e6b3"
}

.i-goblet-full:before {
	content: "\e6b4"
}

.i-goblet:before {
	content: "\e6b5"
}

.i-cold-drink:before {
	content: "\e6b6"
}

.i-coffee-cup:before {
	content: "\e6b8"
}

.i-water-cup:before {
	content: "\e6b9"
}

.i-hot-water:before {
	content: "\e6ba"
}

.i-ice-cream:before {
	content: "\e6bb"
}

.i-dessert:before {
	content: "\e6bc"
}

.i-sugar:before {
	content: "\e6bd"
}

.i-tableware:before {
	content: "\e6be"
}

.i-burger:before {
	content: "\e6bf"
}

.i-knife-fork:before {
	content: "\e6c1"
}

.i-fork-spoon:before {
	content: "\e6c2"
}

.i-chicken:before {
	content: "\e6c3"
}

.i-food:before {
	content: "\e6c4"
}

.i-dish-1:before {
	content: "\e6c5"
}

.i-dish:before {
	content: "\e6c6"
}

.i-moon-night:before {
	content: "\e6ee"
}

.i-moon:before {
	content: "\e6f0"
}

.i-cloudy-and-sunny:before {
	content: "\e6f1"
}

.i-partly-cloudy:before {
	content: "\e6f2"
}

.i-cloudy:before {
	content: "\e6f3"
}

.i-sunny:before {
	content: "\e6f6"
}

.i-sunset:before {
	content: "\e6f7"
}

.i-sunrise-1:before {
	content: "\e6f8"
}

.i-sunrise:before {
	content: "\e6f9"
}

.i-heavy-rain:before {
	content: "\e6fa"
}

.i-lightning:before {
	content: "\e6fb"
}

.i-light-rain:before {
	content: "\e6fc"
}

.i-wind-power:before {
	content: "\e6fd"
}

.i-baseball:before {
	content: "\e712"
}

.i-soccer:before {
	content: "\e713"
}

.i-football:before {
	content: "\e715"
}

.i-basketball:before {
	content: "\e716"
}

.i-ship:before {
	content: "\e73f"
}

.i-truck:before {
	content: "\e740"
}

.i-bicycle:before {
	content: "\e741"
}

.i-mobile-phone:before {
	content: "\e6d3"
}

.i-service:before {
	content: "\e6d4"
}

.i-key:before {
	content: "\e6e2"
}

.i-unlock:before {
	content: "\e6e4"
}

.i-lock:before {
	content: "\e6e5"
}

.i-watch:before {
	content: "\e6fe"
}

.i-watch-1:before {
	content: "\e6ff"
}

.i-timer:before {
	content: "\e702"
}

.i-alarm-clock:before {
	content: "\e703"
}

.i-map-location:before {
	content: "\e704"
}

.i-delete-location:before {
	content: "\e705"
}

.i-add-location:before {
	content: "\e706"
}

.i-location-information:before {
	content: "\e707"
}

.i-location-outline:before {
	content: "\e708"
}

.i-location:before {
	content: "\e79e"
}

.i-place:before {
	content: "\e709"
}

.i-discover:before {
	content: "\e70a"
}

.i-first-aid-kit:before {
	content: "\e70b"
}

.i-trophy-1:before {
	content: "\e70c"
}

.i-trophy:before {
	content: "\e70d"
}

.i-medal:before {
	content: "\e70e"
}

.i-medal-1:before {
	content: "\e70f"
}

.i-stopwatch:before {
	content: "\e710"
}

.i-mic:before {
	content: "\e711"
}

.i-copy-document:before {
	content: "\e718"
}

.i-full-screen:before {
	content: "\e719"
}

.i-switch-button:before {
	content: "\e71b"
}

.i-aim:before {
	content: "\e71c"
}

.i-crop:before {
	content: "\e71d"
}

.i-odometer:before {
	content: "\e71e"
}

.i-time:before {
	content: "\e71f"
}

.i-bangzhu:before {
	content: "\e724"
}

.i-close-notification:before {
	content: "\e726"
}

.i-microphone:before {
	content: "\e727"
}

.i-turn-off-microphone:before {
	content: "\e728"
}

.i-position:before {
	content: "\e729"
}

.i-postcard:before {
	content: "\e72a"
}

.i-message:before {
	content: "\e72b"
}

.i-chat-line-square:before {
	content: "\e72d"
}

.i-chat-dot-square:before {
	content: "\e72e"
}

.i-chat-dot-round:before {
	content: "\e72f"
}

.i-chat-square:before {
	content: "\e730"
}

.i-chat-line-round:before {
	content: "\e731"
}

.i-chat-round:before {
	content: "\e732"
}

.i-set-up:before {
	content: "\e733"
}

.i-turn-off:before {
	content: "\e734"
}

.i-open:before {
	content: "\e735"
}

.i-connection:before {
	content: "\e736"
}

.i-link:before {
	content: "\e737"
}

.i-cpu:before {
	content: "\e738"
}

.i-thumb:before {
	content: "\e739"
}

.i-female:before {
	content: "\e73a"
}

.i-male:before {
	content: "\e73b"
}

.i-guide:before {
	content: "\e73c"
}

.i-news:before {
	content: "\e73e"
}

.i-price-tag:before {
	content: "\e744"
}

.i-discount:before {
	content: "\e745"
}

.i-wallet:before {
	content: "\e747"
}

.i-coin:before {
	content: "\e748"
}

.i-money:before {
	content: "\e749"
}

.i-bank-card:before {
	content: "\e74a"
}

.i-box:before {
	content: "\e74b"
}

.i-present:before {
	content: "\e74c"
}

.i-sell:before {
	content: "\e6d5"
}

.i-sold-out:before {
	content: "\e6d6"
}

.i-shopping-bag-2:before {
	content: "\e74d"
}

.i-shopping-bag-1:before {
	content: "\e74e"
}

.i-shopping-cart-2:before {
	content: "\e74f"
}

.i-shopping-cart-1:before {
	content: "\e750"
}

.i-shopping-cart-full:before {
	content: "\e751"
}

.i-smoking:before {
	content: "\e752"
}

.i-no-smoking:before {
	content: "\e753"
}

.i-house:before {
	content: "\e754"
}

.i-table-lamp:before {
	content: "\e755"
}

.i-school:before {
	content: "\e756"
}

.i-office-building:before {
	content: "\e757"
}

.i-toilet-paper:before {
	content: "\e758"
}

.i-notebook-2:before {
	content: "\e759"
}

.i-notebook-1:before {
	content: "\e75a"
}

.i-files:before {
	content: "\e75b"
}

.i-collection:before {
	content: "\e75c"
}

.i-receiving:before {
	content: "\e75d"
}

.i-suitcase-1:before {
	content: "\e760"
}

.i-suitcase:before {
	content: "\e761"
}

.i-film:before {
	content: "\e763"
}

.i-collection-tag:before {
	content: "\e765"
}

.i-data-analysis:before {
	content: "\e766"
}

.i-pie-chart:before {
	content: "\e767"
}

.i-data-board:before {
	content: "\e768"
}

.i-data-line:before {
	content: "\e76d"
}

.i-reading:before {
	content: "\e769"
}

.i-magic-stick:before {
	content: "\e76a"
}

.i-coordinate:before {
	content: "\e76b"
}

.i-mouse:before {
	content: "\e76c"
}

.i-brush:before {
	content: "\e76e"
}

.i-headset:before {
	content: "\e76f"
}

.i-umbrella:before {
	content: "\e770"
}

.i-scissors:before {
	content: "\e771"
}

.i-mobile:before {
	content: "\e773"
}

.i-attract:before {
	content: "\e774"
}

.i-monitor:before {
	content: "\e775"
}

.i-search:before {
	content: "\e778"
}

.i-takeaway-box:before {
	content: "\e77a"
}

.i-paperclip:before {
	content: "\e77d"
}

.i-printer:before {
	content: "\e77e"
}

.i-document-add:before {
	content: "\e782"
}

.i-document:before {
	content: "\e785"
}

.i-document-checked:before {
	content: "\e786"
}

.i-document-copy:before {
	content: "\e787"
}

.i-document-delete:before {
	content: "\e788"
}

.i-document-remove:before {
	content: "\e789"
}

.i-tickets:before {
	content: "\e78b"
}

.i-folder-checked:before {
	content: "\e77f"
}

.i-folder-delete:before {
	content: "\e780"
}

.i-folder-remove:before {
	content: "\e781"
}

.i-folder-add:before {
	content: "\e783"
}

.i-folder-opened:before {
	content: "\e784"
}

.i-folder:before {
	content: "\e78a"
}

.i-edit-outline:before {
	content: "\e764"
}

.i-edit:before {
	content: "\e78c"
}

.i-date:before {
	content: "\e78e"
}

.i-c-scale-to-original:before {
	content: "\e7c6"
}

.i-view:before {
	content: "\e6ce"
}

.i-loading:before {
	content: "\e6cf"
}

.i-rank:before {
	content: "\e6d1"
}

.i-sort-down:before {
	content: "\e7c4"
}

.i-sort-up:before {
	content: "\e7c5"
}

.i-sort:before {
	content: "\e6d2"
}

.i-finished:before {
	content: "\e6cd"
}

.i-refresh-left:before {
	content: "\e6c7"
}

.i-refresh-right:before {
	content: "\e6c8"
}

.i-refresh:before {
	content: "\e6d0"
}

.i-video-play:before {
	content: "\e7c0"
}

.i-video-pause:before {
	content: "\e7c1"
}

.i-d-arrow-right:before {
	content: "\e6dc"
}

.i-d-arrow-left:before {
	content: "\e6dd"
}

.i-arrow-up:before {
	content: "\e6e1"
}

.i-arrow-down:before {
	content: "\e6df"
}

.i-arrow-right:before {
	content: "\e6e0"
}

.i-arrow-left:before {
	content: "\e6de"
}

.i-top-right:before {
	content: "\e6e7"
}

.i-top-left:before {
	content: "\e6e8"
}

.i-top:before {
	content: "\e6e6"
}

.i-bottom:before {
	content: "\e6eb"
}

.i-right:before {
	content: "\e6e9"
}

.i-back:before {
	content: "\e6ea"
}

.i-bottom-right:before {
	content: "\e6ec"
}

.i-bottom-left:before {
	content: "\e6ed"
}

.i-caret-top:before {
	content: "\e78f"
}

.i-caret-bottom:before {
	content: "\e790"
}

.i-caret-right:before {
	content: "\e791"
}

.i-caret-left:before {
	content: "\e792"
}

.i-d-caret:before {
	content: "\e79a"
}

.i-share:before {
	content: "\e793"
}

.i-menu:before {
	content: "\e798"
}

.i-s-grid:before {
	content: "\e7a6"
}

.i-s-check:before {
	content: "\e7a7"
}

.i-s-data:before {
	content: "\e7a8"
}

.i-s-opportunity:before {
	content: "\e7aa"
}

.i-s-custom:before {
	content: "\e7ab"
}

.i-s-claim:before {
	content: "\e7ad"
}

.i-s-finance:before {
	content: "\e7ae"
}

.i-s-comment:before {
	content: "\e7af"
}

.i-s-flag:before {
	content: "\e7b0"
}

.i-s-marketing:before {
	content: "\e7b1"
}

.i-s-shop:before {
	content: "\e7b4"
}

.i-s-open:before {
	content: "\e7b5"
}

.i-s-management:before {
	content: "\e7b6"
}

.i-s-ticket:before {
	content: "\e7b7"
}

.i-s-release:before {
	content: "\e7b8"
}

.i-s-home:before {
	content: "\e7b9"
}

.i-s-promotion:before {
	content: "\e7ba"
}

.i-s-operation:before {
	content: "\e7bb"
}

.i-s-unfold:before {
	content: "\e7bc"
}

.i-s-fold:before {
	content: "\e7a9"
}

.i-s-platform:before {
	content: "\e7bd"
}

.i-s-order:before {
	content: "\e7be"
}

.i-s-cooperation:before {
	content: "\e7bf"
}

.i-bell:before {
	content: "\e725"
}

.i-message-solid:before {
	content: "\e799"
}

.i-video-camera:before {
	content: "\e772"
}

.i-video-camera-solid:before {
	content: "\e796"
}

.i-camera:before {
	content: "\e779"
}

.i-camera-solid:before {
	content: "\e79b"
}

.i-download:before {
	content: "\e77c"
}

.i-upload2:before {
	content: "\e77b"
}

.i-upload:before {
	content: "\e7c3"
}

.i-picture-outline-round:before {
	content: "\e75f"
}

.i-picture-outline:before {
	content: "\e75e"
}

.i-picture:before {
	content: "\e79f"
}

.i-close:before {
	content: "\e6db"
}

.i-check:before {
	content: "\e6da"
}

.i-plus:before {
	content: "\e6d9"
}

.i-minus:before {
	content: "\e6d8"
}

.i-help:before {
	content: "\e73d"
}

.i-s-help:before {
	content: "\e7b3"
}

.i-circle-close:before {
	content: "\e78d"
}

.i-circle-check:before {
	content: "\e720"
}

.i-circle-plus-outline:before {
	content: "\e723"
}

.i-remove-outline:before {
	content: "\e722"
}

.i-zoom-out:before {
	content: "\e776"
}

.i-zoom-in:before {
	content: "\e777"
}

.i-error:before {
	content: "\e79d"
}

.i-success:before {
	content: "\e79c"
}

.i-circle-plus:before {
	content: "\e7a0"
}

.i-remove:before {
	content: "\e7a2"
}

.i-info:before {
	content: "\e7a1"
}

.i-question:before {
	content: "\e7a4"
}

.i-warning-outline:before {
	content: "\e6c9"
}

.i-warning:before {
	content: "\e7a3"
}

.i-goods:before {
	content: "\e7c2"
}

.i-s-goods:before {
	content: "\e7b2"
}

.i-star-off:before {
	content: "\e717"
}

.i-star-on:before {
	content: "\e797"
}

.i-more-outline:before {
	content: "\e6cc"
}

.i-more:before {
	content: "\e794"
}

.i-phone-outline:before {
	content: "\e6cb"
}

.i-phone:before {
	content: "\e795"
}

.i-user:before {
	content: "\e6e3"
}

.i-user-solid:before {
	content: "\e7a5"
}

.i-setting:before {
	content: "\e6ca"
}

.i-s-tools:before {
	content: "\e7ac"
}

.i-delete:before {
	content: "\e6d7"
}

.i-delete-solid:before {
	content: "\e7c9"
}

.i-eleme:before {
	content: "\e7c7"
}

.i-platform-eleme:before {
	content: "\e7ca"
}

.i-add-icon:before {
	content: "\e7cc"
}

.i-remove-icon:before {
	content: "\e7cd"
}

.i-colors:before {
	content: "\e7ce"
}

.i-downloads:before {
	content: "\e7cf"
}

.i-facebook:before {
	content: "\e7d0"
}

.i-google:before {
	content: "\e7d1"
}

.i-tiktok:before {
	content: "\e7d2"
}

.i-instagram:before {
	content: "\e7d3"
}

.i-linkedin:before {
	content: "\e7d4"
}

.i-pinterest:before {
	content: "\e7d5"
}

.i-twitter:before {
	content: "\e7d6"
}

.i-youtube:before {
	content: "\e7d7"
}

.i-vk:before {
	content: "\e7d8"
}

.i-mail:before {
	content: "\e7d9"
}

.i-save:before {
	content: "\e7da"
}

.i-logo:before {
	content: "\e7db"
}

.i-logo-text:before {
	content: "\e7dc"
}

.i-grid:before {
	content: "\e7dd"
}

.i-package:before {
	content: "\e7de"
}

.i-rss:before {
	content: "\e7df"
}

.numbers {
	font-family: icons;
	font-style: normal;
}

.div-loading {
	animation: rotating 1s linear infinite;
	color: #409EFF !important;
	line-height: 28px !important;
}

@keyframes rotating {
	0% {
		transform: rotate(360deg)
	}

	to {
		transform: rotate(0deg)
	}
}

@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	50% {
		opacity: 1;
	}
}

@-webkit-keyframes zoomOut {
	from {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	to {
		opacity: 0;
	}
}

@keyframes zoomOut {
	from {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	to {
		opacity: 0;
	}
}

@-webkit-keyframes __ma {
	0% {
		left: 0%;
		width: 0%
	}

	50% {
		left: 25%;
		width: 75%
	}

	75% {
		left: 100%;
		width: 0%
	}
}

@keyframes __ma {
	0% {
		left: 0%;
		width: 0%
	}

	50% {
		left: 25%;
		width: 75%
	}

	75% {
		left: 100%;
		width: 0%
	}
}

@-webkit-keyframes __mb {
	0% {
		left: 0%;
		width: 0%
	}

	50% {
		left: 0%;
		width: 0%
	}

	75% {
		left: 0%;
		width: 25%
	}

	100% {
		left: 100%;
		width: 0%
	}
}

@keyframes __mb {
	0% {
		left: 0%;
		width: 0%
	}

	50% {
		left: 0%;
		width: 0%
	}

	75% {
		left: 0%;
		width: 25%
	}

	100% {
		left: 100%;
		width: 0%
	}
}

@keyframes loading-rotate {
	to {
		transform: rotate(1turn)
	}
}

@keyframes loading-dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}

	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -40px
	}

	to {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -120px
	}
}

@-webkit-keyframes animate-stripes {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 60px 0;
	}
}

@keyframes animate-stripes {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 60px 0;
	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@-webkit-keyframes loading-translate {
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

@keyframes loading-translate {
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@-webkit-keyframes backInUp {
	0% {
		-webkit-transform: translateY(1200px) scale(1);
		transform: translateY(1200px) scale(1);
		opacity: 0.7;
	}

	80% {
		-webkit-transform: translateY(0px) scale(1);
		transform: translateY(0px) scale(1);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes backInUp {
	0% {
		-webkit-transform: translateY(1200px) scale(1);
		transform: translateY(1200px) scale(1);
		opacity: 0.7;
	}

	80% {
		-webkit-transform: translateY(0px) scale(1);
		transform: translateY(0px) scale(1);
		opacity: 0.7;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes myleft {
	0% {
		transform: translate(0px, 0px);
	}

	50% {
		transform: translate(-40px, -40px);
	}

	100% {
		transform: translate(0px, 0px);
	}
}

@keyframes myright {
	0% {
		transform: translate(0px, 0px);
	}

	50% {
		transform: translate(40px, -30px);
	}

	100% {
		transform: translate(0px, 0px);
	}
}

@keyframes myindx {
	0% {
		transform: translate(0px, 0px);
	}

	50% {
		transform: translate(10px, 10px);
	}

	100% {
		transform: translate(0px, 0px);
	}
}

@keyframes rota {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

@keyframes rota2 {
	0% {
		transform: rotate(0)
	}

	50% {
		transform: rotate(-180deg)
	}

	100% {
		transform: rotate(-360deg)
	}
}

@keyframes move4 {
	0% {
		left: 0;
		top: -1000px;
		width: 6000px;
		border-left: 800px solid #081e4a
	}

	50% {
		left: -2500px;
		top: -800px;
		width: 5760px;
		border: none
	}

	100% {
		left: 0;
		top: 0;
		width: 100%;
		border: none
	}
}

@keyframes move5 {
	0% {
		opacity: 0;
		filter: alpha(opacity=0)
	}

	100% {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@keyframes move6 {
	0% {
		background-position: -1rem center
	}

	100% {
		background-position: 100% center
	}
}

::-webkit-scrollbar {
	/* width: 8px;
	height: 8px; */
	width: 4px;
	height: 4px;
}

::-webkit-scrollbar-thumb {
	/* background-color: #C2C2C2; */
	background-color: var(--mcolor);
	/* border-radius: 10px; */
	border-radius: 1.5px;
}

::-webkit-scrollbar-thumb:hover {
	/* background-color: #aaaaaa; */
	background-color: var(--mcolor);
}

::-webkit-scrollbar-track {
	background-color: #F2F2F2;
}

html {
	scrollbar-3dlight-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-face-color: #dddee0;
	scrollbar-arrow-color: #dddee0;
	scrollbar-shadow-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-base-color: #ffffff;
	scrollbar-track-color: #ffffff;
}

hr {
	border-top: 1px solid rgba(0, 0, 0, .1);
}

div,
ul {
	scrollbar-face-color: #dddee0;
	scrollbar-arrow-color: #dddee0;
}

div::-webkit-scrollbar-thumb {
	background-color: #dddee0;
}

body {
	font-family: Arial, -apple-system, BlinkMacSystemFont, San Francisco, HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Segoe UI, Fira Sans, Roboto, Oxygen, Ubuntu, Droid Sans, sans-serif, Microsoft YaHei;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	color: #666;
	font-weight: normal;
}

input,
textarea,
keygen,
select,
button {
	margin: 0em;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-style: normal;
}

*::selection {
	background-color: #5F6368;
	color: #ffffff;
}

*::-moz-selection {
	background-color: #5F6368;
	color: #ffffff;
}

*::-webkit-selection {
	background-color: #5F6368;
	color: #ffffff;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(data:image/gif;base64,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);
	background-repeat: no-repeat;
	background-position: center center;
}

a {
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

button {
	background-color: transparent;
	border: 0px solid transparent;
	cursor: pointer;
	border-radius: 0px;
	position: relative;
}

button:active {
	-webkit-transform: translate(0px, 1px);
	box-shadow: 0px 0px 0px 0px transparent;
}

a:hover {
	text-decoration: none;
	/* opacity: 0.8; */
}

button:hover {
	text-decoration: none;
	/* opacity: 0.7; */
}

:before,
:after {
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

button:focus,
input:focus,
textarea:focus {
	outline: none;
}

#aDiv {
	position: fixed;
	top: 0;
	left: 0;
	/*
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
	background-image: radial-gradient(transparent 1px,#ffffff 1px);
    background-size: 4px 4px;
    backdrop-filter: saturate(50%) blur(4px);
    -webkit-backdrop-filter: saturate(50%) blur(4px);
	*/
	background-color: rgba(255, 255, 255, 0.5);
	transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	backdrop-filter: blur(4px);
	/*
	backdrop-filter: saturate(.5) blur(3px);
	background-color: rgba(255,255,255,0.2);
	/*
	opacity: 0.7;
	background-color: rgba(255,255,255,0.2);
	backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
	*/
	z-index: 100;
	width: 100%;
	height: 120%;
}

.LoadAdd {
	/*
	-webkit-animation: zoomIn 0.4s;
	animation: zoomIn 0.4s;
	*/
	-webkit-animation: fadeInDown 0.4s;
	animation: fadeInDown 0.4s;
}

.LoadClose {
	/*
	-webkit-animation: zoomOut 0.4s;
	animation: zoomOut 0.4s;
	*/
	-webkit-animation: fadeOutUp 0.4s;
	animation: fadeOutUp 0.4s;
}

.IngAdd {
	-webkit-animation: zoomIn 0.4s;
	animation: zoomIn 0.4s;
}

.IngClose {
	-webkit-animation: zoomOut 0.4s;
	animation: zoomOut 0.4s;
}

.fadeInLeft {
	-webkit-animation: fadeInLeft 0.5s;
	animation: fadeInLeft 0.5s;
}

.fadeOutLeft {
	-webkit-animation: fadeOutLeft 0.5s;
	animation: fadeOutLeft 0.5s;
}

#Alert,
#confirm {
	position: fixed;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 330px;
	z-index: 101;
	background-color: #FFF;
	height: 45px;
	border-radius: 4px;
	box-shadow: 0 2px 12px 0 rgb(0, 0, 0, 0.1);
	border: 1px solid #EBEEF5;
	color: #000;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}

#Alert .title,
#confirm .title,
#sAlert .title {
	float: left;
	height: auto;
	width: 100%;
	font-weight: bold;
	color: #5e6d82;
	line-height: 16px;
	margin-bottom: 12px;
	font-size: 16px;
}

#Alert .text,
#confirm .text,
#sAlert .text {
	float: left;
	height: auto;
	width: 100%;
	line-height: 14px;
	font-size: 14px;
	color: #000;
}

#Alert .close,
#sAlert .close {
	position: absolute;
	top: 9px;
	right: 17px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	font-weight: normal;
	cursor: pointer;
	color: #606266;
}

#sAlert .close:before {
	content: "\e6db";
	font-family: icons;
	font-size: 16px;
	font-weight: bold;
}

#sAlert {
	position: fixed;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 330px;
	z-index: 101;
	background-color: #FFF;
	height: 100px;
	border-radius: 4px;
	box-shadow: 0 2px 12px 0 rgb(0, 0, 0, 0.1);
	border: 1px solid #EBEEF5;
	color: #000;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
@media screen and (max-width: 380px) {
	#sAlert {
		width: 80%;
	}
}
#sAlert .title {
	font-weight: normal;
	color: #000;
}

#sAlert .close {
	color: #909399;
}

#sAlert .text {
	color: #606266;
	margin-top: 12px;
}

#sAlert button {
	background-color: #409EFF;
	border: 1px solid #409EFF;
	float: right;
	margin-left: 10px;
	padding-right: 15px;
	padding-left: 15px;
	height: 30px;
	cursor: pointer;
	border-radius: 4px;
	color: #FFFFFF;
	margin-top: 15px;
}

#confirm {
	height: 96px;
}

#confirm .text {
	line-height: 22px;
	margin-top: 2px;
}

#confirm .text i {
	float: left;
	margin-right: 5px;
	color: #E6A23C;
	width: 22px;
	height: 22px;
	font-size: 22px;
	line-height: 20px;
	border-radius: 11px;
}

#confirm button {
	background-color: #fff;
	border: 1px solid #DCDFE6;
	border-color: #DCDFE6;
	float: right;
	margin-left: 10px;
	padding-right: 15px;
	padding-left: 15px;
	height: 30px;
	cursor: pointer;
	border-radius: 4px;
	color: #606266;
	margin-top: 15px;
	line-height: 30px;
}

#confirm button.a {
	background-color: #409EFF;
	border-color: #409EFF;
	color: #FFF;
}

#loading {
	position: fixed;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 300px;
	z-index: 102;
	background-color: #FFF;
	height: 44px;
	border-radius: 4px;
	box-shadow: 0 2px 12px 0 rgb(0, 0, 0, 0.1);
	border: 1px solid #EBEEF5;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000;
	text-align: center;
}

#loading font {
	text-align: center;
	float: left;
	width: 100%;
	color: #5e6d82;
	font-weight: bold;
	text-transform: capitalize;
}

#loading div {
	width: 90%;
	z-index: 0;
	display: block;
	position: relative;
	height: 12px;
	background-color: #eee;
	overflow: hidden;
	float: left;
	margin-left: 5%;
	margin-top: 10px;
	opacity: 0.5;
}

#loading div:before,
#loading div:after {
	content: " ";
	background-image: linear-gradient(135deg, rgba(0, 0, 0, .15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .15) 75%, transparent 75%, transparent);
	background-color: #8CC5FF;
	bottom: 0;
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	height: 6px;
	margin-top: 3px;
}

#loading div:before {
	-webkit-animation: __mb 2s infinite linear;
	animation: __mb 2s infinite linear;
}

#loading div:after {
	-webkit-animation: __ma 2s infinite linear;
	animation: __ma 2s infinite linear;
	left: 0;
	z-index: 1;
}

.aDivLoad {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.7;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 100;
	width: 100%;
	height: 100%;
	cursor: wait;
}

.aDivLoading {
	top: 50%;
	margin-top: -21px;
	width: 100%;
	text-align: center;
	position: absolute;
	z-index: 101;
	cursor: wait;
}

.aDivLoading svg {
	height: 42px;
	width: 42px;
	animation: loading-rotate 2s linear infinite;
}

.aDivLoading svg circle {
	animation: loading-dash 1.5s ease-in-out infinite;
	stroke-dasharray: 90, 150;
	stroke-dashoffset: 0;
	stroke-width: 2;
	stroke: #409EFF;
	stroke-linecap: round;
}

#data-title {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 120;
	color: #fff;
	height: auto;
	border-radius: 3px;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
	max-width: 260px;
	white-space: normal;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 12px;
	letter-spacing: 0.8px;
	font-weight: normal;
	text-transform: capitalize;
	font-size: 12px;
}

[data-title]:hover {
	cursor: help;
}

#error {
	position: fixed;
	z-index: 200;
	left: 16px;
	bottom: 0px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#error div {
	position: relative;
	color: #F56C6C;
	background-color: #fef0f0;
	border: 1px solid #fde2e2;
	border-radius: 4px;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 15px;
	margin-bottom: 16px;
	height: 15px;
	padding-bottom: 20px;
	width: auto;
	box-shadow: 0 2px 12px 0 rgb(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#error div i {
	background-color: #909399;
	color: #FFF;
	float: left;
	margin-right: 8px;
	height: 18px;
	width: 18px;
	font-size: 18px;
	line-height: 18px;
	border-radius: 10px;
}

#error div font {
	line-height: 18px;
	float: left;
}

#error div.b {
	color: #F56C6C;
	background-color: #fef0f0;
	border: 1px solid #fde2e2;
}

#error div.b i {
	background-color: #F56C6C;
}

#error div.c {
	color: #67C23A;
	background-color: #f0f9eb;
	border: 1px solid #e1f3d8;
}

#error div.c i {
	background-color: #67C23A;
}

#upload {
	position: fixed;
	margin: auto;
	bottom: 16px;
	right: 16px;
	width: 320px;
	z-index: 111111101;
	background-color: #FFF;
	height: 55px;
	border-radius: 4px;
	box-shadow: 0px 1px 15px rgba(9, 9, 9, 0.5);
	padding-top: 20px;
	padding-bottom: 10px;
	color: #000;
	text-align: center;
	border: 1px solid #CCC;
}

#upload .a {
	float: left;
	width: 90%;
	line-height: 22px;
	height: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-transform: capitalize;
	color: #000;
	height: 22px;
	text-align: left;
	margin-left: 5%;
	margin-top: -10px;
	text-overflow: ellipsis;
}

#upload .a:before {
	font-family: icons;
	content: "\e7ba";
	font-size: 16px;
	margin-right: 10px;
	line-height: 22px;
	color: #000;
	float: left;
}

#upload .b {
	float: left;
	width: 90%;
	margin-left: 5%;
	font-size: 12px;
	color: #999;
	text-align: left;
	line-height: 16px;
	height: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-transform: capitalize;
	font-weight: normal;
	letter-spacing: 1px;
}

#upload .c {
	float: left;
	width: 88%;
	margin-left: 5%;
	background-color: #eee;
	height: 12px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-right: 1%;
	padding-left: 1%;
}

#upload .c div {
	border-radius: 0px;
	height: 6px;
	width: 20%;
	background-color: #8CC5FF;
	-webkit-background-size: 30px 30px;
	background-size: 30px 30px;
	background-image: linear-gradient(135deg, rgba(0, 0, 0, .15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .15) 75%, transparent 75%, transparent);
	-webkit-animation: animate-stripes 1s linear infinite;
	animation: animate-stripes 1s linear infinite;
	margin-left: 0px;
	margin-top: 3px;
}

button[disabled] {
	cursor: not-allowed !important;
	text-indent: -1000%;
	overflow: hidden;
	min-width: 30px;
	/*line-height: 200px;*/
}

button[disabled]:after,
#miniLoad:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 12px;
	height: 12px;
	border: 2px solid #aaa;
	border-radius: 8px;
	border-top-color: #EAE8D3;
	border-left-color: #49A6FF;
	border-bottom-color: #FF4A47;
	border-right-color: #FFC910;
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	-ms-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	margin: auto;
}

button[return]:after {
	font-family: icons !important;
	content: "\e6da" !important;
	-webkit-animation: zoomIn 0.5s;
	-moz-animation: zoomIn 0.5s;
	-ms-animation: zoomIn 0.5s;
	animation: zoomIn 0.5s;
	color: #54C379;
	border: 2px solid transparent;
	height: 14px;
	text-indent: -2px;
	font-size: 16px;
	line-height: 14px;
}

button[return="0"]:after {
	content: "\e6db" !important;
}

button[disabled]:active {
	-webkit-transform: translate(0px, 0px);
}

.obox,
.cbox,
.radio {
	display: none;
}

.cbox+label {
	border: 1px solid #409EFF;
	height: 14px;
	width: 14px;
	display: block;
	cursor: pointer;
	border-radius: 2px;
	background-color: #FFF;
}

.cbox:checked+label {
	background-color: #409EFF;
	box-shadow: 0 2px 4px 0 rgb(115, 103, 240, 0.4);
}

.cbox:checked+label::before {
	content: " ";
	width: 2px;
	height: 6px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotateZ(37deg);
	transform: rotateZ(37deg);
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	float: left;
	margin-top: 1px;
	margin-left: 1px;
}

.obox+label {
	height: 18px;
	width: 36px;
	display: block;
	border-radius: 10px;
	cursor: pointer;
	background-color: #E2E2E2;
	position: relative;
}

.obox+label::before {
	content: " ";
	background-color: #FFF;
	float: left;
	height: 12px;
	width: 12px;
	margin-top: 3px;
	border-radius: 8px;
	cursor: pointer;
	margin-left: 3px;
	box-shadow: 0 2px 4px 0 rgb(115, 103, 240, 0.4);
}

.obox:checked+label {
	background-color: #409EFF;
	box-shadow: 0 2px 4px 0 rgb(115, 103, 240, 0.4);
}

.obox:checked+label::before {
	background-color: #ffffff;
	margin-left: 21px;
}

.obox[ontxt]+label {
	width: 46px;
}

.obox[ontxt]+label:after {
	content: "OFF";
	position: absolute;
	font-size: 12px;
	/*transform: scale(0.7);*/
	color: #FFF;
	margin-top: 1px;
	margin-left: 3px;
	transform: scale(0.8);
}

.obox[ontxt]:checked+label::before {
	margin-left: 30px;
}

.obox[ontxt]:checked+label:after {
	content: "ON";
	left: 5px;
}

.radio+label {
	position: relative;
	padding-left: 20px;
	padding-right: 5px;
	cursor: pointer;
}

.radio+label::before {
	content: " ";
	height: 14px;
	width: 14px;
	border: 1px solid #26A69A;
	border-radius: 8px;
	position: absolute;
	left: 0px;
	margin-top: 2px;
	background-color: #FFF;
}

.radio:checked+label {
	color: #409EFF;
}

.radio:checked+label::before {
	background-color: #FFFFFF;
	height: 6px;
	width: 6px;
	border: 5px solid #409EFF;
	box-shadow: 0 2px 4px 0 rgb(115, 103, 240, 0.4);
}

.select {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #DCDFE6;
	border-radius: 4px;
	height: 34px;
	padding: 0px;
	cursor: pointer;
}

.select:hover {
	border-color: #409EFF;
	box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);
}

.select:before,
.select:after {
	content: '';
	position: absolute;
	right: 11px;
	width: 0;
	height: 0;
	border-left: 3px outset transparent;
	border-right: 3px outset transparent;
}

.select:before {
	top: 10px;
	border-bottom: 5px solid #d8d6de;
}

.select:after {
	top: 20px;
	border-top: 5px solid #d8d6de;
}

.select:hover:before {
	top: 13px;
	border-bottom: 5px solid #409EFF;
}

.select:hover:after {
	top: 17px;
	border-top: 5px solid #409EFF;
}

.select>select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	position: relative;
	z-index: 2;
	width: 125%;
	height: 50px;
	padding-right: 0;
	color: #666;
	background: transparent;
	background: rgba(0, 0, 0, 0);
	border: 0;
	-webkit-appearance: none;
	padding-left: 9px;
	margin-top: -8px;
	float: left;
	font-style: normal;
	line-height: 12px;
}

.select>select:focus {
	outline: 0;
}

.select optgroup {
	font-weight: normal;
	line-height: 30px;
	color: #000;
}

.select option {
	font-size: 12px;
	font-weight: normal;
	line-height: 30px;
	color: #777;
}

.formselect {
	display: block;
	-moz-padding-start: calc(1rem - 3px);
	line-height: 1.45;
	color: #6e6b7b;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8d6de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 6px center;
	background-size: 15px 14px;
	border: 1px solid #DCDFE6;
	border-radius: 4px;
	appearance: none;
	height: 36px;
	padding-left: 10px;
	transition: all 0.3s;
}

.formselect:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23409EFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='18,15 12,9 6,15'%3e%3c/polyline%3e%3c/svg%3e");
	transition: all 0.3s;
}

.range {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	outline: 0;
	background-color: transparent;
	position: relative;
	cursor: pointer;
}

.range::-webkit-slider-runnable-track {
	height: 6px;
	background-color: #E4E7ED;
	border-radius: 6px;
	box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);
}

.range::-webkit-slider-container {
	height: 20px;
	overflow: hidden;
}

.range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #409EFF;
	border: 1px solid transparent;
	margin-top: -4px;
	cursor: pointer;
	border-image: linear-gradient(#409EFF, #409EFF) 0 fill / 4 10 4 2 / 0px 0px 0 2000px;
}

.range:before {
	content: " ";
	background-color: #fff;
	position: absolute;
	z-index: 1;
	height: 6px;
	width: 3px;
	left: 0px;
	top: 7px;
}

.range:after {
	content: " ";
	background-color: #409EFF;
	position: absolute;
	z-index: 2;
	height: 6px;
	width: 6px;
	left: 0px;
	top: 7px;
	border-radius: 3px;
}

#miniLoad {
	height: 20px;
	width: 20px;
	position: fixed;
	z-index: 1111111;
	right: 5px;
	bottom: 5px;
}

#miniLoad:after {
	border-top-color: #000;
	border-left-color: #ffffff;
	border-bottom-color: #000;
	border-right-color: #ffffff;
}

#maxLoad,
#Progress {
	width: 100%;
	z-index: 120;
	display: block;
	position: absolute;
	height: 2px;
	background-color: #fff;
	overflow: hidden;
	float: left;
	opacity: 0.5;
	left: 0px;
	top: 0px;
}

#maxLoad:before,
#maxLoadv:after,
#Progress div {
	content: " ";
	background-color: #0000FF;
	display: block;
	position: absolute;
	top: 0px;
	width: 50%;
	height: 2px;
	left: 0px;
}

#maxLoad:before {
	-webkit-animation: __mb 2s infinite linear;
	animation: __mb 2s infinite linear;
}

#maxLoad:after {
	-webkit-animation: __ma 2s infinite linear;
	animation: __ma 2s infinite linear;
	left: 0;
	z-index: 1;
}

#Progress {
	opacity: 1;
	position: fixed;
}

#Progress div {
	transition: width .5s, opacity .8s;
	width: 0%;
	background-color: #409EFF;
}

.shot {
	overflow: hidden;
	position: relative;
	min-height: 200px;
	overflow-x: hidden;
	cursor: wait;
}

.shot:before {
	content: "";
	background-color: #f0f0f0;
	z-index: 1000;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}

.shot:after {
	content: "";
	z-index: 1001;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-animation: loading-translate 1.5s infinite;
	animation: loading-translate 1.5s infinite;
	background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#fff), to(transparent));
	background: linear-gradient(90deg, transparent, #fff, transparent);
}

#Color {
	background-color: #FFF;
	height: 100px;
	width: 200px;
	position: absolute;
	z-index: 61;
	/*
	border-radius: 2px;
	box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.1);
	border: 1px solid #ebeef5;
	*/
	border: 1px solid #E4E7ED;
	box-shadow: 0 2px 12px 0 rgb(0, 0, 0, 0.1);
	background: #fff;
	border-radius: 4px;
	-webkit-animation: zoomIn 0.3s;
	animation: zoomIn 0.3s;
	display: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#Color::before {
	content: "";
	float: left;
	height: 8px;
	width: 8px;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #FFFFFF;
	position: absolute;
	top: -5px;
	left: 8px;
	border-top: 1px solid #E4E7ED;
	border-left: 1px solid #E4E7ED;
}

#Color .c {
	background-color: #999;
	float: left;
	height: 16px;
	width: 16px;
	margin-top: 5px;
	margin-left: 5px;
	/*box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);*/
	box-shadow: 0 2px 4px 0 rgb(0, 0, 0, 0.1);
	position: relative;
	z-index: 1;
	border-radius: 32px;
}

#Color .e {
	background-color: #ccc;
	float: left;
	height: 14px;
	width: 14px;
	margin-top: 5px;
	margin-left: 5px;
	position: relative;
	z-index: 1;
	border: 1px solid #eee;
	cursor: pointer;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABISURBVEhL7dWxDQAgCABBdAD2n5MFNCYuIPlY/TXYfUGCo6pWNGTmuM8n885vDOIM4gziDOJaF//o/jLuEGcQZxBnEPc5GLEBjyMIDFnp71sAAAAASUVORK5CYII=);
	background-size: auto 50%;
	border-radius: 8px;
}

#Color .close {
	float: right;
	height: 14px;
	width: 14px;
	margin-top: 3px;
	position: relative;
	z-index: 1;
	cursor: pointer;
	font-size: 20px;
	line-height: 14px;
	margin-right: 2px;
}

#Color .close:hover {
	color: #FF0000;
}

#Color .i {
	float: left;
	height: 16px;
	width: 16px;
	margin-top: 5px;
	background-color: #dcdfe6;
	margin-left: 5px;
	text-align: center;
	line-height: 16px;
	font-style: normal;
	color: #666;
	font-size: 12px;
	padding-left: 2px;
	border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
}

#Color .t {
	border: 1px solid #dcdfe6;
	float: left;
	height: 14px;
	margin-top: 5px;
	font-size: 10px;
	padding-right: 4px;
	padding-left: 2px;
	width: 50px;
	text-align: center;
	text-transform: uppercase;
	color: #999;
	border-radius: 0px;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
}

#Color .a {
	float: left;
	height: auto;
	width: 100%;
	margin-top: 5px;
	position: relative;
}

#Color .picker-wrapper,
#Color .slide-wrapper {
	position: absolute;
	float: left;
}

#Color .picker-indicator,
#Color .slide-indicator {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}

#Color .picker,
#Color .slide {
	cursor: crosshair;
	float: left;
}

#Color .picker-indicator {
	width: 8px;
	height: 8px;
	border: 2px solid #669DF6;
	border-radius: 10px;
	background-color: #fff;
	opacity: 0.7;
}

#Color .picker-wrapper {
	background-color: #000;
	width: 178px;
	height: 70px;
	margin-left: 5px;
}

#Color .picker {
	width: 100%;
	height: 70px;
}

#Color .slide-wrapper,
#Color .slide {
	background-color: #000;
	width: 7px;
	height: 70px;
	right: 5px;
}

#Color .slide-indicator {
	width: 100%;
	height: 4px;
	background-color: #fff;
	border: 1px solid #f0f0f0;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
	left: -1px;
}

.formfile {
	width: 100%;
	font-size: 12px;
	color: #6e6b7b;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #d8d6de;
	appearance: none;
	border-radius: 4px;
	cursor: pointer;
	height: 34px;
	position: relative;
}

.formfile::file-selector-button {
	height: 34px;
	margin-inline-end: 1rem;
	color: #6e6b7b;
	background-color: #fff;
	pointer-events: none;
	border-color: inherit;
	border-style: solid;
	border-width: 0;
	border-inline-end-width: 1px;
	border-radius: 0;
	padding-right: 10px;
	padding-left: 34px;
	color: #b9b9c3;
}

.formfile::before {
	font-family: icons;
	content: "\e783";
	font-size: 18px;
	line-height: 32px;
	position: absolute;
	height: 100%;
	left: 10px;
	top: 0px;
	color: #b9b9c3;
}

.formfile:hover:not(:disabled):not([readonly])::file-selector-button {
	background-color: #f2f2f2;
}

.input {
	border-radius: 4px;
	border: 1px solid #DCDFE6;
	line-height: 34px;
	height: 34px;
	text-indent: 10px;
	position: relative;
}

.input::placeholder,
.input-icon input::placeholder {
	color: #b9b9c3;
	transition: all 0.3s;
}

.formfile:focus,
.input:focus,
.formselect:focus,
.input-icon:hover {
	color: #6e6b7b;
	background-color: #fff;
	border-color: #7367f0;
	outline: 0;
	box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);
}

.input:focus::placeholder {
	text-indent: 15px;
}

.input-icon {
	border-radius: 4px;
	border: 1px solid #DCDFE6;
	line-height: 34px;
	height: 34px;
	position: relative;
}

.input-icon input {
	float: left;
	height: 100%;
	width: calc(100% - 25px);
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 100%;
	border: 0px solid #fff;
	border-radius: 4px;
	text-indent: 10px;
	background-color: transparent;
}

.input-icon:hover input::placeholder {
	text-indent: 15px;
	color: #b9b9c3;
}

.input-icon[class*=" i-"]:before {
	position: absolute;
	z-index: 1;
	height: 100%;
	line-height: inherit;
	font-size: 15px;
	top: 0px;
	right: 0px;
	color: #A8ABB2;
	width: 22px;
	background-color: transparent;
}

.input-icon[class*=" i-"]:hover:before {
	color: #7367F0;
}

.icon-left[class*=" i-"]:before {
	left: 0px;
	right: auto;
	text-align: right;
}

.icon-left input {
	left: 17px;
}

#header,
#content,
#footer {
	float: left;
	height: auto;
	width: 100%;
}

#content {
	min-height: 1000px;
}

.center {
	box-sizing: initial;
	height: auto;
	width: 1600px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	/* height: 86px; */
	height: var(--hdheight);
	background-color: #071E48;
	background-color: #1d3259;
	position: fixed;
	z-index: 100;
	left: 0px;
	top: 0px;
	color: #FFF;
	/*box-shadow: 0px 0 30px rgba(1, 0, 112, 0.1);*/
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
}

#header .logo {
	float: left;
	/* height: 52px; */
	height: 40px;
	width: 200px;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	/* background-position: center; */
	/* background-size: auto 100%; */
	background-size: 100% auto;
	background-position: left center;
	overflow: hidden;
	text-indent: -300px;
	/* margin-top: 16px; */
	margin-top: 10px;
	max-width: 20vw;
}

#header .login {
	box-sizing: content-box;
	float: right;
	/* height: 30px;
	width: 30px;
	background-color: #263CAC;
	color: #FFF;
	text-align: center;
	padding: 28px; */
	display: flex;
	align-items: center;
	height: 100%;
}

#header[data="index"] {
	background-color: rgb(0, 0, 72, 0.3);
}

/* #header[data="index"] .login {
	background-color: rgb(38, 60, 172, 0.8);
} */

#header .menu {
	/* color: #263CAC; */
	color: var(--mcolor);
	float: right;
	background-color: #FFFFFF;
	height: 40px;
	width: 40px;
	font-size: 24px;
	border-radius: 20px;
	line-height: 40px;
	margin-top: 10px;
	display: none;
	/* box-shadow: 0 0 10px rgba(0,0,0,0.2); */
}

#menu {
	float: right;
	display: inline;
	box-shadow: 0px 10px 10px 0px rgba(43, 51, 168, 0.1);
	border-top: solid 1px #eee;
}

#header .call {
	float: right;
	/* line-height: 86px; */
	line-height: var(--hdheight);
	font-size: 18px;
	margin-right: 50px;
	font-weight: normal;
	margin-left: 25px;
}

#header .call i:before {
	margin-right: 5px;
	font-size: 22px;
	float: left;
	line-height: var(--hdheight);
}

#menu a.url {
	float: left;
	color: #FFF;
	/* line-height: 86px; */
	line-height: var(--hdheight);
	font-weight: bold;
	padding: 0 18px;
	font-size: 15px;
}

@media screen and (max-width: 1605px) {
	#menu a.url:nth-last-child(2), #menu a.url:nth-last-child(3) {
		display: none;
	}
}

@media screen and (max-width: 1410px) {
	#menu a.url {
		padding: 0 14px;
	}
}

@media screen and (max-width: 1320px) {
	#menu a.url {
		padding: 0 8px;
	}
}

@media screen and (max-width: 1230px) {
	#menu a.url {
		padding: 0 14px;
	}
}

@media screen and (max-width: 1130px) {
	#menu a.url {
		padding: 0 8px;
	}
}

@media screen and (max-width: 1035px) {
	#menu a.url:nth-last-child(2), #menu a.url:nth-last-child(3) {
		display: initial;
	}
	#menu a.url {
		padding: 0 20px;
	}
}

#menu a.url:hover {
	background-color: #FFF;
	color: #000;
}

/* kone 顶部菜单 */
#header.header {
	color: #000;
	background-color: #FFF;
	-webkit-animation: fadInDown 0.6s;
	animation: fadeInDown 0.6s;

	box-shadow: 0px 10px 10px 0px rgba(43, 51, 168, 0.1);
}

#header.header .call i:before {
	content: "\e795";
}
.header #menu a.url {
	/* color: #000; */
	color: rgba(24, 24, 24, 0.9);
}
.header #menu a.url:hover {
	/* background-color: #071E48; */
	/* color: #fff; */
	color: var(--mcolor);
}

#header.header .logo {
	background-image: url(../img/logos.png);
}

/* kone 登录按钮 */
/* #header.header .login {
	background-color: #071E48;
} */

#footer {
	/* background-color: #252525; */
	background: #05002E;
	padding-top: 50px;
}

#footer .line {
	float: left;
	height: auto;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4b4e57;
}

#footer .auto {
	float: left;
	height: 300px;
	width: 300px;
}

#footer h5 {
	font-size: 15px;
	line-height: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4b4e57;
	color: #FFF;
}

#footer .auto p,
#footer .er .a,
#footer .ys .b,
#footer .ca .c {

	line-height: 24px;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 16px;
	font-size: 14px;
}

#footer .er,
#footer .ys,
#footer .ca {
	float: left;
	width: 200px;
	margin-left: 140px;
	height: 270px;
}

#footer .er .a {
	width: 50%;
}

#footer .er .a a {
	color: #a8a7a9;
	float: left;
	height: auto;
	width: 100%;
}

#footer .er .a a:hover {
	color: #FFF;
}

#footer .ys {
	width: 380px;
}

#footer .ys span {
	width: 50%;
	float: left;
	height: auto;
}

#footer .ca {
	width: 300px;
	float: right;
	margin-left: auto;
}

#footer .ca span {
	float: left;
	height: auto;
	width: 24%;
	font-size: 14px;
}

#footer .ca small {
	float: left;
	height: auto;
	width: 76%;
	font-size: 14px;
}

#footer .link {
	float: left;
	height: auto;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 30px;
}

#footer .link .a {
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 15px;
}

#footer .link .a h6 {
	font-size: 18px;
	float: left;
	line-height: 18px;
}

#footer .link .a a {
	line-height: 18px;
	float: left;
	color: #a8a7a9;
	margin-right: 5px;
	margin-left: 5px;
}

#footer .link .a a:hover {
	color: #fff;
}

#footer .link .a b {
	float: left;
	line-height: 18px;
	font-size: 13px;
}

#footer .link .cr {
	float: left;
	line-height: 18px;
	font-size: 13px;
	height: auto;
	width: 100%;
	margin-bottom: 10px;
}

#footer .link .cr a {
	color: #a8a7a9;
}

#footer .link .cr a:hover {
	color: #FFF;
}

#footer .link .cr font {
	float: left;
	background-image: url(../img/ca.png);
	height: 20px;
	width: 20px;
	margin-top: -2px;
	margin-right: 5px;
}

#fixBar {
	position: fixed;
	right: 10px;
	top: calc(50% - 200px);
	z-index: 1000;
}

#fixBar .fb-wx {
	height: auto;
	width: 80px;
	background: #ffffff;
	border-bottom: 0;
	position: relative;

}

#fixBar .fb-wx .fb_call {
	width: 78px;
	height: 78px;
	float: left;
	position: relative;
	border: 1px solid #e0e0e0;
	border-bottom: 0px solid #e0e0e0;
	color: #333;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	transition: all 0.3s;
	cursor: pointer;
	background-color: #fff;
}

#fixBar .fb-wx .fb_call .eod {
	height: 238px;
	width: 320px;
	position: absolute;
	top: -1px;
	z-index: -1;
	right: 0px;
	transition: all 0.3s;
	display: none;
}

#fixBar .fb-wx .fb_call:hover .eod {
	display: inline;
	transition: all 0.3s;
}

#fixBar .fb-wx .fb_call.vose .eod {
	display: inline;
}

#fixBar .fb-wx .fb_call .eod .fb-wxs {
	float: left;
	height: 236px;
	width: 240px;
	border: 1px solid #e0e0e0;
	background-color: #FFF;
	background-image: url(../img/bar/leftewm.jpg);
}

#fixBar .fb-wx .fb_call .eod .fb-cal {
	float: left;
	height: 238px;
	width: 242px;
	background-color: #FFF;
	margin-top: -79px;
	color: #FFF;
}

#fixBar .fb-wx .fb_call .eod .fb-cal dd {
	float: left;
	height: 119px;
	width: 66%;
	text-align: left;
	padding-left: 34%;
	font-size: 18px;
	box-sizing: content-box;
}

#fixBar .fb-wx .fb_call .eod .fb-cal dd.bgs1 {
	background: url(../img/bar/right_pic8.png) 28px center no-repeat;
	background-color: #071e48;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

#fixBar .fb-wx .fb_call .eod .fb-cal dd.bgs2 {
	background: url(../img/bar/right_pic9.png) 28px center no-repeat;
	background-color: #071e48;
}

#fixBar .fb-wx .fb_call .eod .fb-cal dd:hover {
	background-color: #011cab;
}

#fixBar .fb-wx .fb_call .eod .fb-cal dd span {
	display: block;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	margin-top: 32px;
}

#fixBar .fb-wx .fb_call i {
	height: 25px;
	margin-bottom: 1px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 25px;
	margin-top: 14px;
	transition: all 0.3s;
	float: left;
	width: 100%;
	background-image: url(../img/bar/right_pic6_on.png);
}

#fixBar .fb-wx .fb_call a {
	color: #000;
}

#fixBar .fb-wx .fb_call:hover a {
	color: #fff;
}

#fixBar .fb-wx .fb_call:hover i {
	background-image: url(../img/bar/right_pic6_on.png);
}

#fixBar .fb-wx .fb_call i.a {
	background-image: url(../img/bar/right_pic2.png);
}

#fixBar .fb-wx .fb_call:hover i.a {
	background-image: url(../img/bar/right_pic2_on.png);
}

#fixBar .fb-wx .fb_call i.b {
	background-image: url(../img/bar/right_pic5.png);
}

#fixBar .fb-wx .fb_call:hover i.b {
	background-image: url(../img/bar/right_pic5_on.png);
}

#fixBar .fb-wx .fb_call i.c {
	background-image: url(../img/bar/right_pic2.png);
}

#fixBar .fb-wx .fb_call:hover i.c {
	background-image: url(../img/bar/right_pic2_on.png);
}

#fixBar .fb-wx .fb_call i.d {
	background-image: url(../img/bar/right_pic1.png);
}

#fixBar .fb-wx .fb_call:hover i.d {
	background-image: url(../img/bar/right_pic1_on.png);
}

#fixBar .fb-wx .fb_call i.e {
	background-image: url(../img/bar/right_pic7.png);
}

#fixBar .fb-wx .fb_call:hover i.e {
	background-image: url(../img/bar/right_pic7_on.png);
}

#fixBar .fb-wx .fb_call i.f {
	background-image: url(../img/bar/right_pic6.png);
}

#fixBar .fb-wx .fb_call:hover i.f {
	background-image: url(../img/bar/right_pic6_on.png);
}

#fixBar .fb-wx .fb_call:hover {
	background-color: #071e48;
	color: #fff;
}

#fixBar .fb-wx .fb_call:last-child {
	border-bottom: 1px solid #e0e0e0;
}